<template>
  <div class="authentication-section p-tb-100">
    <div class="container">
      <div class="sub-section-title text-center">
        <p>
          Lost your password? Please enter your username or email address.
          <br />
          You will receive a link to create a new password via email.
        </p>
      </div>
      <div class="authentication-box">
        <div class="authentication-box-inner">
          <form class="authentication-form">
            <div class="input-group input-group-bg mb-20">
              <span class="input-group-text" id="basic-addon1"
                ><i class="flaticon-user"></i
              ></span>
              <input
                type="email"
                class="form-control"
                placeholder="Email address"
                aria-label="Email"
                aria-describedby="basic-addon1"
              />
            </div>
            <button
              type="submit"
              class="btn main-btn main-btn-secondary full-width"
            >
              Reset Password
            </button>
          </form>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import {
  reactive,
  toRefs,
  onBeforeMount,
  onMounted,
  getCurrentInstance,
  defineComponent,
} from "vue";

// const Component = defineComponent({});

const { proxy } = getCurrentInstance();

const props = defineProps({});

const data = reactive({});
const {} = toRefs(data);

onBeforeMount(() => {});
onMounted(() => {});

const methods = {};
</script>
<style lang="scss" scoped></style>
